.top-fixed
  position fixed
  top 0
  left 0
  height 100px
  width 100%
  border-bottom 1px solid #e6e6e6
  background #ffffff
  box-sizing border-box
  >.logo
    width 290px 
    float left
    text-align center
    line-height 100px
    img 
      display inline-block
      vertical-align middle
  >.top-right
    float left
    height 100%
    border-right 1px solid #e6e6e6
    width calc(100% - 290px)
    box-sizing border-box
    border-left 1px solid #e6e6e6
    >.top-title
      float left
      >p
        padding-left 30px
        &:nth-child(1)
          padding-top 30px
          color #038ff1
          font-size 28px
          line-height 28px
        &:nth-child(2)
          color #9aa5ac
          font-size 18px
          margin-top 5px
  .right-info
    float right
    >.top-oper
      float left
      height 100px
      line-height 100px
      border-right 1px solid #e6e6e6
      padding-right 15px
      box-sizing border-box
      >a
        margin-right 35px
        display inline-block
        vertical-align middle
    >.top-admin
      float left
      font-size 0
      height 100px
      width 300px
      >.img
        display inline-block
        width 84px
        vertical-align middle
        padding-top 8px
        padding-left 50px
      .admin-info
        display inline-block
        vertical-align middle
        padding-left 20px
        >p
          font-size 18px
          color #667685
          &:nth-child(2)
            font-size 12px
            color #91a1af
    >.top-return 
      float left
      line-height 100px
      width 210px
      border-left 1px solid #e6e6e6
      a
        text-decoration none
        color #038ff1
        font-size 16px
        margin-left 40px
.m-container
  position absolute
  width 100%
  bottom 0
  left 0
  top 101px
  >.nav-left
    position fixed
    top 100px
    left 0
    width 290px
    height 100%
    border-right 1px solid #e6e6e6
    background #ffffff
    z-index 111
    padding-top 40px
    >.item
      >a
        display block
        height 48px
        line-height 48px
        width 214px
        color #9fb2c3
        border-radius 24px
        font-size 0
        margin 0 auto
        margin-bottom 5px
        &>i
          background url(../image/s-icon.png) no-repeat center
          background-size 18px 16px
          display inline-block
          vertical-align middle
          width 18px
          height 16px
          margin-left 46px
        &>p
          display inline-block
          font-size 14px
          margin-left 22px
          vertical-align middle
        &.active
          background linear-gradient(52deg,#43d4ff,#42a3ff)
          color #ffffff
          box-shadow -2px 5px 18px rgba(53,152,219,0.4)
          &>p
            font-size 14px
          &>i
            background url(../image/s-icon.png) no-repeat center
          &.active
            >i 
              background url(../image/s-icon-active.png) no-repeat center
      &:nth-child(2)
        >a
          >i
            background url(../image/x-icon.png) no-repeat center
          &.active
            >i
              background url(../image/x-icon-active.png) no-repeat center
      &:nth-child(3)
        >a
          >i
            background url(../image/r-icon.png) no-repeat center
          &.active
            >i
              background url(../image/r-icon-active.png) no-repeat center
      &:nth-child(4)
        >a
          >i
            background url(../image/b-icon.png) no-repeat center
          &.active
            >i
              background url(../image/b-icon-active.png) no-repeat center
      &:nth-child(5)
        >a
          >i
            background url(../image/g-icon.png) no-repeat center
          &.active
            >i
              background url(../image/g-icon-active.png) no-repeat center
      &:nth-child(6)
        >a
          >i
            background url(../image/t-icon.png) no-repeat center
          &.active
            >i
              background url(../image/t-icon-active.png) no-repeat center
      &:nth-child(7)
        margin-bottom 25px
        >a
          >i
            background url(../image/sj-icon.png) no-repeat center
          &.active
            >i
              background url(../image/sj-icon-active.png) no-repeat center
      &:nth-of-type(9)
        margin-top 25px
        >a
          >i
            background url(../image/user-icon.png) no-repeat center
          &.active
            >i
              background url(../image/user-icon-active.png) no-repeat center
      &:nth-child(10)
        >a
          >i
            background url(../image/xw-icon.png) no-repeat center
          &.active
            >i
              background url(../image/xw-icon-active.png) no-repeat center
      &:nth-child(11)
        >a
          >i
            background url(../image/xw-icon.png) no-repeat center
          &.active
            >i
              background url(../image/xw-icon-active.png) no-repeat center
    .hr
      height 1px
      background #f2f2f2
      width 224px
      margin 0 auto

      >a
        display block
        height 48px
        line-height 48px
        width 214px
        color #9fb2c3
        border-radius 24px
        font-size 0
        margin 0 auto
        margin-bottom 5px
        &>i
          background url(../image/s-icon.png) no-repeat center
          background-size 18px 16px
          display inline-block
          vertical-align middle
          width 18px
          height 16px
          margin-left 46px
        &>p
          display inline-block
          font-size 14px
          margin-left 22px
          vertical-align middle
        &.active
          background linear-gradient(52deg,#43d4ff,#42a3ff)
          color #ffffff
          box-shadow -2px 5px 18px rgb(53,152,219,0.4)
          &>p
            font-size 14px
          &>i
            background url(../image/s-icon.png) no-repeat center
      &:nth-child(2)
        >a
          >i
            background url(../image/x-icon.png) no-repeat center
          &.active
            >i
              background url(../image/x-icon.png) no-repeat center
      &:nth-child(3)
        >a
          >i
            background url(../image/r-icon.png) no-repeat center
          &.active
            >i
              background url(../image/r-icon.png) no-repeat center
      &:nth-child(4)
        >a
          >i
            background url(../image/b-icon.png) no-repeat center
          &.active
            >i
              background url(../image/b-icon.png) no-repeat center
      &:nth-child(5)
        >a
          >i
            background url(../image/g-icon.png) no-repeat center
          &.active
            >i
              background url(../image/g-icon.png) no-repeat center
      &:nth-child(6)
        >a
          >i
            background url(../image/t-icon.png) no-repeat center
          &.active
            >i
              background url(../image/t-icon.png) no-repeat center
      &:nth-child(7)
        margin-bottom 25px
        >a
          >i
            background url(../image/sj-icon.png) no-repeat center
          &.active
            >i
              background url(../image/sj-icon.png) no-repeat center
      &:nth-of-type(9)
        margin-top 25px
        >a
          >i
            background url(../image/user-icon.png) no-repeat center
          &.active
            >i
              background url(../image/user-icon.png) no-repeat center
      &:nth-child(10)
        >a
          >i
            background url(../image/xw-icon.png) no-repeat center
          &.active
            >i
              background url(../image/xw-icon.png) no-repeat center
      &:nth-child(11)
        >a
          >i
            background url(../image/xw-icon.png) no-repeat center
          &.active
            >i
              background url(../image/xw-icon.png) no-repeat center
    .hr
      height 1px
      background #f2f2f2
      width 224px
      margin 0 auto

  >.m-right
    left 290px
    top 0
    right 0
    position absolute
    bottom 0
    box-sizing border-box
    padding  30px 60px 40px 60px
    overflow auto
    >.m-mian
      background #ffffff
      min-height calc(100% - 20px)
      border-radius 10px
      >.m-indexcontainer
        box-sizing border-box
        padding 10px 5%
        color #a0b0c0
        >.top-toolbar
          height 60px
          line-height 60px
          >.upcoming
            display block
            font-size 0
            float left
            color #038ff1
            >img 
              display inline-block
              vertical-align middle
            >span
              display inline-block
              vertical-align middle
              font-size 22px
              margin-left 20px
          > .filterSearch
            font-size 0
            float right
            >input[type="text"]
              width 146px
              height 34px
              box-sizing border-box
              line-height 34px
              padding-left 10px
              outline none 
              border 1px solid #dce4eb
              border-radius 3px
              font-size 12px
              color #9fb2c3
              background url(../image/date.png) no-repeat center right 10px
              padding-right 25px
              display inline-block
              vertical-align middle
            >.line
              display inline-block
              width 18px
              height 1px 
              background #dce4eb
              vertical-align middle
              margin 0 10px
            >input[type="button"]
              width 90px
              height 34px
              background #038ff1
              border-radius 3px
              border none 
              outline none
              color #ffffff
              margin-left 40px


            
        >.charts
          height 100%
          color #a0b0c0
          >div
            height 300px
            width 50%
            float left
            pasdding 10px
            margin-top 10px
          >#newsManage
            >.title
              font-size 18px
              margin 10px auto
              color rgba(0, 0, 0, 0.54)
              font-weight 600
              text-indent 0.5em
            >.item
              display: inline-block
              width 35%
              height 120px
              border 1px solid rgba(160, 176, 192, 0.26)
              text-align center
              margin 10px 5%
              color #a0b0c0
              &:hover
                >.data
                  color #038ff1
              &:nth-child(odd)
                margin-right 5%
              >.title
                height 20px
                margin 20px auto
              >.data
                height 20px
                margin 10px auto
                font-size 24px
                font-weight 600
          >#quoteManage
            >.title
              font-size 18px
              margin 10px auto
              color rgba(0, 0, 0, 0.54)
              font-weight 600
            >.item
              display: inline-block
              width 30%
              hieght 120px
              text-align center
              color #a0b0c0
              margin 15px auto
              >.pie
                height 200px
                width 100%



